<?php loadPartial('head'); ?>
<?php loadPartial('navbar'); ?>
<?php loadPartial('top-banner'); ?>

<!-- 发布工作表单 -->
<section class="flex justify-center items-center mt-20">
    <div class="bg-white p-8 rounded-lg shadow-md w-full md:w-600 mx-6">
        <h2 class="text-4xl text-center font-bold mb-4">创建工作列表</h2>
        <form method="POST" action="/listings">
            <h2 class="text-2xl font-bold mb-6 text-center text-gray-500">
                职位信息
            </h2>
            <?= loadPartial('errors', [
                'errors' => $errors ?? []
            ]) ?>
            <div class="mb-4">
                <input type="text" name="title" placeholder="职位标题"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['title'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <textarea name="description" placeholder="职位描述"
                    class="w-full px-4 py-2 border rounded focus:outline-none"><?= $listing['description'] ?? '' ?></textarea>
            </div>
            <div class="mb-4">
                <input type="text" name="salary" placeholder="年薪"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['salary'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="requirements" placeholder="要求"
                    class="w-full px-4 py-2 border rounded focus:outline-none"
                    value="<?= $listing['requirements'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="benefits" placeholder="福利"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['benefits'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="tags" placeholder="标签"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['tags'] ?? '' ?>" />
            </div>
            <h2 class="text-2xl font-bold mb-6 text-center text-gray-500">
                公司信息 & 地点
            </h2>
            <div class="mb-4">
                <input type="text" name="company" placeholder="公司名称"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['company'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="address" placeholder="地址"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['address'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="city" placeholder="城市"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['city'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="province" placeholder="省份"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['province'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="text" name="phone" placeholder="电话"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['phone'] ?? '' ?>" />
            </div>
            <div class="mb-4">
                <input type="email" name="email" placeholder="接收申请的电子邮箱地址"
                    class="w-full px-4 py-2 border rounded focus:outline-none" value="<?= $listing['email'] ?? '' ?>" />
            </div>
            <button class="w-full bg-green-500 hover:bg-green-600 text-white px-4 py-2 my-3 rounded focus:outline-none">
                保存
            </button>
            <a href="/"
                class="block text-center w-full bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded focus:outline-none">
                取消
            </a>
        </form>
    </div>
</section>

<?php loadPartial('bottom-banner'); ?>
<?php loadPartial('footer'); ?>